<!DOCTYPE html>
<html lang="en">
	<head>
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
		<meta charset="utf-8">
		<link rel="stylesheet" href="../lib/css/bootstrap.min.css">
		<link rel="stylesheet" href="../css/base.css">
		<link rel="stylesheet" href="../css/teaShop.css">
	</head>
	<body>
		<!-- 头 -->
		<div class="titleTea">
			<a href="../index.html">
				<span class="glyphicon glyphicon-menu-left"></span>
			</a>
			<h3>茶商城</h3>
		</div>
		<!-- 商品展示 -->
		<div class="container">
			<!-- Nav tabs -->
			<ul class="nav nav-tabs nav-tabsFather" role="tablist">
				<li role="presentation" class=" syntheSize active"><a href="#synthesize" aria-controls="synthesize" role="tab" data-toggle="tab" >综合商城</a></li>
				<li role="presentation" class="selfS"><a href="#selfShop" aria-controls="selfShop" role="tab" data-toggle="tab" >自营商城</a></li>
				<li role="presentation" class="brandS"><a href="#brand" aria-controls="brand" role="tab" data-toggle="tab">品牌商城</a></li>
			</ul>
			<!-- Tab panes -->
			<div class="tab-content">
			<div role="tabpanel" class="tab-paneFather tab-pane active" id="synthesize">
					<!-- 自营商品展示 -->
					<!-- 2222222222222222222 -->
				</div>
				<div role="tabpanel" class="tab-paneFather tab-pane" id="selfShop">
					<!-- 综合商品展示 -->
					<ul class="nav nav-tabs" role="tablist">
						<li role="presentation" class="selfS active"><a href="#selfShop1" aria-controls="selfShop1" role="tab" data-toggle="tab" >444</a></li>
						<li role="presentation" class=" syntheSize"><a href="#synthesize1" aria-controls="synthesize1" role="tab" data-toggle="tab" >5555</a></li>
						
						<li role="presentation" class="brandS"><a href="#brand1" aria-controls="brand1" role="tab" data-toggle="tab">66666</a></li>
					</ul>
					<div class="tab-content">
						<div role="tabpanel" class="tab-pane active" id="selfShop1">
							<!-- 11111111111111 -->
							
						</div>
						<div role="tabpanel" class="tab-pane" id="synthesize1">
							<!-- 自营商品展示 -->
							<!-- 444444444 -->
						</div>
						<div role="tabpanel" class="tab-pane" id="brand1">
							<!-- 商户展示 -->
							<!-- 555555555555 -->
						</div>
					</div>
				</div>
				<div role="tabpanel" class="tab-paneFather tab-pane" id="brand">
					<!-- 商户展示 -->
					<!-- 333333333333 -->
				</div>
			</div>
		</div>
		<!-- 底部导航 -->
		<div class="teaNav container-fluid">
			<div class="row">
				<div class="home col-xs-4">
					<a href="../index.html"><span class="glyphicon glyphicon-home"></span><span>首页</span></a>
				</div>
				<div class="car col-xs-4">
					<a href="shop_car.html"><span class="glyphicon glyphicon-shopping-cart"></span>
					<span>购物车</span>
				</a>
			</div>
			<div class="myself col-xs-4">
				<a href="myself.html"><span class="glyphicon glyphicon-user"></span><span>我的</span></a>
			</div>
		</div>
	</div>
</body>
<script src="../lib/js/jquery.min.js"></script>
<script src="../lib/js/bootstrap.min.js"></script>
<script src="../lib/template/template-native.js"></script>
<!-- 综合商城渲染 -->
<script type="text" id="synthe">
<%if (dataS1) {%>
	<ul class="nav nav-tabs tab_son " role="tablist">
		<%for (var i = 0; i < dataS1.length; i++) {%>
			<% if(i==0){%>
	<li role="presentation" class="h<%= dataS1[i].cat_id%> active hide"><a href="#h<%= dataS1[i].cat_id%>" aria-controls="#h<%= dataS1[i].cat_id%>" role="tab" data-toggle="tab" ><%= dataS1[i].cat_name%></a></li>
			<%}else{%>
	<li role="presentation" class="h<%= dataS1[i].cat_id%> hide"><a href="#h<%= dataS1[i].cat_id%>" aria-controls="#h<%= dataS1[i].cat_id%>" role="tab" data-toggle="tab" ><%= dataS1[i].cat_name%></a></li>
			<%}%>
			<%}%>
		</ul>
		<div class="tab-content">
			<%for (var i = 0; i < dataS1.length; i++) {%>
				<%if(i == 0){%>
				<div role="tabpanel" class="tab-pane active" id="h<%= dataS1[i].cat_id%>">
					<%}else{%>
					<div role="tabpanel" class="tab-pane active" id="h<%= dataS1[i].cat_id%>">
							<%}%>
						<%for (var j = 0; j < dataS1[i].goods.length; j++) {%>
							<a href="#"  data-goods_id="<%=dataS1[i].goods[j].goods_id%>"  class="goods">
							<div class="media brandClass">
								<div class="media-left">
										<img class="media-object" src=<%= dataS1[i].goods[j].goods_img%> alt="...">
								</div>
								<div class="media-body">
										<h4 class="media-heading"><%= dataS1[i].goods[j].goods_name%></h4>
										<p class="adress">价格：<span><%= dataS1[i].goods[j].shop_price%>元</span></p>
								</div>
						</div>
						</a>
							<%}%>
					</div>
					<%}%>
			</div>
	<%}else if(dataS2){%>
		<div class="tab-content">
			<%for (var i = 0; i < dataS2.length; i++) {%>
		<a href="#" data-seller_id=<%= dataS2[i].seller_id%>  class="shops">
						<div class="media brandClass">
								<div class="media-left">
										<img class="media-object" src=<%= dataS2[i].shop_logo%>>
								</div>
								<div class="media-body">
										<h4 class="media-heading"><%= dataS2[i].shop_name%></h4>
										<p class="adress">地址：<span><%= dataS2[i].shop_address%></span></p>
								</div>
						</div>
				</a>
			<%}%>
		</div>
	<%}else{%>
	<ul class="nav nav-tabs tab_son " role="tablist">
			<%for (var i = 0; i < dataS3.length; i++) {%>
				<% if(i==0){%>
		<li role="presentation" class="y<%= dataS3[i].cat_id%> active hide"><a href="#y<%= dataS3[i].cat_id%>" aria-controls="#y<%= dataS3[i].cat_id%>" role="tab" data-toggle="tab" ><%= dataS3[i].cat_name%></a></li>
				<%}else{%>
		<li role="presentation" class="y<%= dataS3[i].cat_id%> hide"><a href="#y<%= dataS3[i].cat_id%>" aria-controls="#y<%= dataS3[i].cat_id%>" role="tab" data-toggle="tab" ><%= dataS3[i].cat_name%></a></li>
				<%}%>
				<%}%>
			</ul>
			<div class="tab-content">
				<%for (var i = 0; i < dataS3.length; i++) {%>
					<%if(i == 0){%>
					<div role="tabpanel" class="tab-pane active" id="y<%= dataS3[i].cat_id%>">
						<%}else{%>
						<div role="tabpanel" class="tab-pane active" id="y<%= dataS3[i].cat_id%>">
								<%}%>
							<%for (var j = 0; j < dataS3[i].goods.length; j++) {%>
								<a href="#"  data-goods_id="<%=dataS3[i].goods[j].goods_id%>"  class="goods">
								<div class="media brandClass" >
									<div class="media-left">
											<img class="media-object" src=<%= dataS3[i].goods[j].goods_img%> alt="...">
									</div>
									<div class="media-body">
											<h4 class="media-heading"><%= dataS3[i].goods[j].goods_name%></h4>
											<p class="adress">价格：<span><%= dataS3[i].goods[j].shop_price%>元</span></p>
									</div>
							</div>
							</a>
								<%}%>
						</div>
						<%}%>
				</div>
		<%}%>
		</script>
		<script src="../script/teaShop.js"></script>
		<script src="../script/rem.js"></script>
	</html>